<template>
  <div class="lunbo">
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="(item,index) in swiperpic" :key="index">
        <img :src="item.picUrl" alt :class="{pic:changes}">
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
export default {
  // 为了控制每个需求不一样  添加个变量 changes
  props: ["swiperpic", "changes"]
  //   created() {
  //     this.pic();
  //   },
  //   methods: {
  //     pic() {
  //       this.$http
  //         .get("http://www.liulongbin.top:3005/api/getthumimages/" + this.id)
  //         .then(result => {
  //           var result = result.body;
  //           console.log(result);
  //           if (result.status == 0) {
  //           } else {
  //             Toast("加载失败");
  //           }
  //         });
  //     }
  //   }
};
</script>
<style scoped>
.mint-swipe {
  height: 200px;
  text-align: center;
}
img {
  height: 100%;
  /* width: 100%; */
}
.pic {
  width: 100%;
}
</style>
